:root {
  /* 主要背景色 */
  --main-bg-color: #f5f5f5;
  --secondary-bg-color: #0fa1fe;
  /* 遮罩层背景色 */
  --mask-bg-color: rgba(0, 0, 0, 0.5);
  /* 筛选激活文字颜色 */
  --filter-active-text-color: #0fa1fe;
  /* 筛选激活背景色 */
  --filter-active-bg-color: #0fa1fe;
  /* 聊天气泡左侧背景色 */
  --chat-item-left-bg-color: #fff;
  /* 聊天气泡右侧背景色 */
  --chat-item-right-bg-color: '';
  // 字体颜色
  --text-color-lightest: #dedede;
  --text-color-light: #999;
  --text-color-middle: #666;
  --text-color-dark: #222;
  --text-active-color: #0fa1fe;

  // 字体大小
  --font-size-lg: 32rpx;
  --font-size-md: 28rpx;
  --font-size-sm: 26rpx;
  --font-size-xs: 24rpx;

  // 边框颜色
  --border-color: #e9e9e9;

  // 徽章背景色
  --badge-bg-color: #fd5858;
}
